<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	/*标签选择器*/
	/*li 选择的是标签名是li的元素*/
	li{
		font-size: 35px;
	}



	/*id选择器*/
	/*#two 选择id是two的元素*/
	/*#two{
		color: red;
	}*/

	/*class选择器，类选择器*/
	/*.hs 选择的是class是hs的元素*/
	/*.hs{
		color: red;
	}*/

	/*交叉选择器*/
	/*li.hs 选择的是标签名是li，并且class是hs的元素*/
	/*注意：交叉选择器没有空格!!!!!*/
	/*li.hs{
		color: red;
	}*/


	/*子代选择器*/
	/*li span 选择的是li里面的span标签*/
	/*注意：子代选择器中间有空格！*/
	/*li span{
		color: red;
	}*/

	/*群组选择器*/
	/*#one,.hs,span 选择的是id是one的元素和class是hs的元素和标签名是span的元素*/
	/*#one,.hs,span{
		color: red;
	}*/

	/*通用选择器*/
	/*可以选中页面中所有的元素*/
	/**{

	}*/
	
</style>
</head>

<body>
<!-- 一个页面当中id要保证唯一性 -->
<p class="hs">我们是ul外面的class是hs的p标签</p>
<p class="hs">我们是ul外面的class是hs的p标签</p>
<span>我是ul外面的span标签</span>
<ul>
	<li>后盾网 人人做后盾1 <span>我是li里面的span标签</span></li>
	<li id="two">后盾网 人人做后盾2</li>
	<li>后盾网 人人做后盾3</li>
	<li class="hs">后盾网 人人做后盾4</li>
	<li>后盾网 人人做后盾5</li>
	<li class="hs">后盾网 人人做后盾6</li>
	<li class="hs">后盾网 人人做后盾7</li>
	<li>后盾网 人人做后盾8</li>
</ul>



</body>
</html>
